html,
		body {
			padding: 0;
			margin: 0;
			background: #f5f5f5;
			font-size: 0.28rem;
		}
		
		.top {
			width: 100%;
			height: 0.88rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 0.22rem;
			box-sizing: border-box;
			margin-bottom: 0.1rem;
			background: #f8f8f8;
		}
		
		.top .top-one {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		
		.top .top-one> span:first-child {
			display: inline-block;
			width: 0.38rem;
			height: 0.45rem;
		}
		
		.top .point {
			width: 0.6rem;
			height: 0.2rem;
		}
		
		.material_con img {
			width: 100%;
			height: auto;
		}
		
		.material_con {
			height: auto !important;
			background: #fff;
			border-radius: 10px !important;
			overflow: hidden;
			margin-bottom: 0.2rem;
			-moz-page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid !important;
			position: relative;
		}
		
		.material_con p {
			color: #999999;
			font-size: 0.26rem;
			padding: 0 0.2rem;
			box-sizing: border-box;
			height: 0.6rem;
			line-height: 0.6rem;
		}
		
		.material_all {
			width: 100%;
			height: auto;
			padding: 0.2rem 0.2rem;
			box-sizing: border-box;
			column-count: 2;
			-moz-column-count: 2;
			/* Firefox */
			-webkit-column-count: 2;
			-moz-column-gap: 1em;
			-webkit-column-gap: 1em;
			column-gap: 1em;
		}
		
		.material_bottom {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1rem;
			padding: 0 0.2rem;
			box-sizing: border-box;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			background: white;
		}
		
		input[type="checkbox"] {
			-webkit-appearance: none;
			/*清除复选框默认样式*/
			height: 22px;
			/*高度*/
			vertical-align: middle;
			width: 22px;
			border: 1px solid #a7a7a7;
			border-radius: 50%;
			margin-right: 0.1rem;
		}
		
		input[type="checkbox"]:checked {
			/*复选框的背景图，就是上图*/
			border: none;
			background: #e44e50 url(../img_page/duigou.png) no-repeat center center;
			background-size: 60%;
		}
		
		.material_photo_del {
			border: none;
			width: 1.3rem;
			height: 0.6rem;
			background: #e44e50;
			margin: 0;
			padding: 0;
			line-height: 0.2rem;
			color: white;
			border-radius: 5px;
		}
		
		.photo_hover {
			display: none;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 100;
			background: black;
			opacity: 0.5;
		}
		
		.one_choose input[type="checkbox"] {
			position: absolute;
			top: 10px;
			right: 0;
			z-index: 500;
			-webkit-appearance: none;
			/*清除复选框默认样式*/
			height: 22px;
			/*高度*/
			vertical-align: middle;
			width: 22px;
			border: 1px solid #a7a7a7;
			border-radius: 50%;
			margin-right: 0.1rem;
		}
		
		.one_choose input[type="checkbox"]:checked {
			/*background-position: -48px 0;*/
			/*复选框的背景图，就是上图*/
			position: absolute;
			top: 10px;
			right: 0;
			z-index: 500;
			border: none;
			background: #e44e50 url(../img_page/duigou.png) no-repeat center center;
			background-size: 60%; 
			opacity: 1 !important;
		} 
		/**弹出框*/
		/*#layui-layer1{
			width: 50% !important;
			height: auto !important;
		}
		.layui-layer-title{
			display: none !important;
		}
		.layui-layer-content{
			border: 1px solid red ;
			text-align: center;
			height: 70px !important;
			line-height: 70px !important;
		}*/